<div className="productService_tradeCloud">
  <section className="banner">
    <img className="bannerTitle" src="images/productService/tradeCloud_banner_new.png" alt="智贸云_打造大宗商品贸易云、构建大宗贸易商业新生态"/>
  </section>

  <section className="g-section g-model" id="model">
      <div className="c-layout">
          <h1 className="title" >业务模式</h1>
          <div className="m-model-content clearfix">
              <a className="wrap-model-wrapper">
                <img className="lazy" data-original="images/productService/tradeCloud_model.svg" alt="业务模式" />
              </a>
          </div>
      </div>
  </section>

<section className="g-section g-data" id="data">
  <div className="c-layout">
    <div className="data-box future-data-box">
      <div className="img-box transition">
        <div className="info centralize">
          <img className="icon" src="images/productService/tradeCloud_futures_icon.svg" width="57px" ></img>
          <h1 className="text">期货行情</h1>
          <a href="/product_list" className="btn" >查看更多</a>
        </div>
        <img className="photo" src="images/productService/tradeCloud_futures.png" alt="期货行情" />
      </div>
      <table className="future-table">
        <tr>
          <th>交割月份</th>
          <th>月开盘价</th>
          <th>最高价</th>
          <th>最低价</th>
          <th>月收盘价</th>
          <th>成交量</th>
          <th>成交金额</th>
        </tr>
        <tr>
          <td>Cu1711</td>
          <td>53600</td>
          <td>53600</td>
          <td>53600</td>
          <td>53600</td>
          <td>53600</td>
          <td>53600</td>
        </tr>
        <tr>
          <td>Cu1712</td>
          <td>53560</td>
          <td>53560</td>
          <td>53560</td>
          <td>53560</td>
          <td>53560</td>
          <td>53560</td>
        </tr>
        <tr>
          <td>Cu1713</td>
          <td>53500</td>
          <td>53500</td>
          <td>53500</td>
          <td>53500</td>
          <td>53500</td>
          <td>53500</td>
        </tr>
      </table>
    </div>
    <div className="data-box trade-data-box">
      <div className="img-box transition">
        <div className="info centralize">
          <img className="icon" src="images/productService/tradeCloud_trades_icon.svg" width="57px" ></img>
          <h1 className="text">交易专区</h1>
          <a href="/product_list" className="btn" >查看更多</a>
        </div>
        <img className="photo" src="images/productService/tradeCloud_trades.png" alt="交易专区" />
      </div>
      <table className="trade-table">
        <tr>
          <th>产品名称</th>
          <th>订单号</th>
          <th>价格</th>
          <th>挂单量</th>
          <th>物流方式</th>
          <th>提货地</th>
          <th>操作</th>
        </tr>
        <tr>
          <td>Cu1711</td>
          <td>53600</td>
          <td>53600</td>
          <td>53600吨</td>
          <td>仓单</td>
          <td>上海市</td>
          <td><a href="/product_list" className="highlight">买入</a></td>
        </tr>
        <tr>
          <td>Cu1712</td>
          <td>53560</td>
          <td>53560</td>
          <td>53560吨</td>
          <td>自提</td>
          <td>营口港</td>
          <td><a href="/product_list" className="highlight">买入</a></td>
        </tr>
        <tr>
          <td>Cu1713</td>
          <td>53500</td>
          <td>53500</td>
          <td>53500吨</td>
          <td>自提</td>
          <td>天津港</td>
          <td><a href="/product_list" className="highlight">买入</a></td>
        </tr>
      </table>
    </div>
  </div>
</section>
  <section className="g-section g-news" id="news">
    <div className="c-layout clearfix">
      <div className="news-box">
        <div className="title">
          <h1>商品聚焦</h1>
          <a href="/product_list" className="more c-fr">{"查看更多 >"}</a>
        </div>
        <a className="photo">
          <img className="lazy" data-original="images/productService/tradeCloud_products.png" alt="商品聚焦" />
        </a>
        <div className="news-list">
          <ul>
            <li>
              <a href="/product_list">
                <span className="date">2017-11-15</span>
                <span>[铜] 沪铜中长期存多头机会</span>
              </a>
            </li>
            <li>
              <a href="/product_list">
                <span className="date">2017-11-15</span>
                <span>[铜] 隔夜美元受挫走低 有色金属普遍上涨</span>
              </a>
            </li>
            <li>
              <a href="/product_list">
                <span className="date">2017-11-15</span>
                <span>[煤] 市场监管加强 煤炭价格平稳回落</span>
              </a>
            </li>
          </ul>
        </div>
      </div>

      <div className="news-box">
        <div className="title">
          <h1>交易快报</h1>
          <a href="/product_list" className="more c-fr">{"查看更多 >"}</a>
        </div>
        <a className="photo">
          <img className="lazy" data-original="images/productService/tradeCloud_news.png" alt="查看更多" />
        </a>
        <div className="news-list">
          <ul>
            <li>
              <a href="/product_list">
                <span className="date">2017-11-15</span>
                <span>2017.11月交易数据</span>
              </a>
            </li>
            <li>
              <a href="/product_list">
                <span className="date">2017-11-15</span>
                <span>2017.10月交易数据</span>
              </a>
            </li>
            <li>
              <a href="/product_list">
                <span className="date">2017-11-15</span>
                <span>2017.9月交易数据</span>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </section>
</div>
